<!doctype html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>WebUI - Serve a Folder Example (C++)</title>
		<style>
			body {
				color: white;
				background: #0f2027;
				background: -webkit-linear-gradient(to right, #43264c, #762f59, #501349);
				background: linear-gradient(to right, #43264c, #762f59, #501349);
				text-align: center;
				font-size: 16px;
				font-family: sans-serif;
			}
		</style>
	</head>
	<body>
		<h3 id="title">Serve a Folder Example (C++)</h3>
		<br />
		<p id="description">
			You can edit this HTML file as you need.<br />
			Also, you can config WebUI to use Deno or Nodejs runtime for your JS/TS files.<br />
			<br />
			Please click on the link to switch to the second page<br />
			Or click on the button to switch to the second page programmatically.
		</p>
		<br />
		<h4><a href="second.html">Second Page As A Simple Link</a></h4>
		<br />
		<button id="SwitchToSecondPage">Switch to The Second Page Programmatically</button>
		<br />
		<br />
		<button id="OpenNewWindow">Open The Second Window</button>
	</body>

	<!-- Connect this window to the background app -->
	<script src="/webui.js"></script>
</html>
